<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <!-- Meta, title, CSS, favicons, etc. -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="avalonjs - 迷你简单易用的前端MVVM框架，让你的网站更快更炫更好用">
        <meta name="keywords" content="MVVM, CSS, JavaScript, framework, avalon, web development">
        <meta name="author" content="RubyLouvre,司徒正美">


        <title>avalon中文文档</title>
        <script src="//files.cnblogs.com/files/rubylouvre/avalon.shim.js"></script>

        <!-- Bootstrap core CSS -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

        <link href="../../assets/css/patch.css" rel="stylesheet">

        <!-- Documentation extras -->

        <link href="../../assets/css/docs.min.css" rel="stylesheet">
        <style>
            body,html{
               overflow-y: hidden;
            }
        </style>
        <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script>
        <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
        <![endif]-->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Favicons -->
        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
        <link rel="icon" href="/favicon.ico">

    </head>
    <body>




        <div class="container bs-docs-container">

            <div class="row">
                <div class="col-md-9" role="main">

<h2>avalon自带加载器</h2>
<div ms-include-src="{{userLanguage}}/engineering/loader.menu.html" data-include-replace="true">

</div>
<h2>常用的资源插件</h2>
<ul>
    <li>js!， avalon已经内置， 用于加载JS文件，通过生成一个script标签进行加载。默认模块ID如果不存在资源插件前缀， 就当成使用了js!资源插件。</li>
    <li>css!， avalon已经内置， 用于加载css文件，通过生成一个link标签进行加载。css!xxx 相当于css!xxx.css，因此不用特意写.css扩展名。
        <br>打包时，我们需要使用<a href="https://github.com/guybedford/require-css">https://github.com/guybedford/require-css</a>的
            css.js, normalize.js, css-builder.js帮忙处理。
    </li>
    <li>text!， avalon已经内置， 用于加载纯文本文件，返回一个字符串，通过AJAX请求实现，因此有跨域限制。text!xxx.htm，不会添加xxx.htm添加扩展名。
    <br>打包时，我们需要使用<a href="https://github.com/requirejs/text">https://github.com/requirejs/text</a>的
            text.js帮忙处理。
    </li>
    <li>domReady!，1.4之前的版本为ready!， avalon已经内置，这其实不算一个资源插件，仅表示一种时机，当文档就绪时，就可以执行回调。</li>
</ul>


</div>
<div class="col-md-3" role="complementary">

</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="../../assets/highlight/shCore.js"></script>

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

